美文网首页
新手不使用vue-cli来学习vue的简单模板

新手不使用vue-cli来学习vue的简单模板

作者: 一眼就认出你 | 来源:发表于2018-08-26 20:53 被阅读0次

解决办法:(引入如下代码)

 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

vueIndex.html文件代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <span v-if="seen">Now you see me.</span>
    </div>
    <script src="vueIndex.js"></script>
</body>
</html>

vueIndex.js文件代码:

var app=new Vue({
        el : '#app',
        data:{
            seen:true
        }
})

用浏览器打开vueIndex.html,可以 直接查看效果
将seen:true改成seen:false试试效果

相关文章

  • 2018-07-25

    要使用这个模板,可以用vue-cli来支持一个项目。 $ npm install -g vue-cli $ vue...

  • 新手不使用vue-cli来学习vue的简单模板

    解决办法:(引入如下代码) vueIndex.html文件代码: vueIndex.js文件代码: 用浏览器打开v...

  • 02.Vue组件化编码

    使用 vue-cli 创建模板项目 vue-cli 是 vue 官方提供的脚手架工具 github: https:...

  • Vue 创建模板项目

    使用 vue-cli 创建模板项目 说明 1)vue-cli 是 vue 官方提供的脚手架工具 2)github:...

  • 4-3

    使用 vue-cli 创建模板项目 说明 1)vue-cli 是 vue 官方提供的脚手架工具 2)github:...

  • 2019-06-30第四天

    2.1. 使用 vue-cli 创建模板项目 2.1.1. 说明 1)vue-cli 是 vue 官方提供的脚手架...

  • 自定义自己的vue-cli模板

    自定义自己的vue-cli模板 在使用vue-cli的过程中,常用的webpack模板只为我们提供最基础的内容,但...

  • vue-cli 注意事项

    安装 vue-cli使用scss vue-cli模板 vue 生命周期 一篇比较好的vue 生命周期介绍[http...

  • Vue组件化编码

    使用 vue-cli 创建模板项目 1、说明 1)vue-cli 是 vue 官方提供的脚手架工具2)github...

  • Vue 兼容 ie9 的全面解决方案

    前言 背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求:a...

网友评论

      本文标题:新手不使用vue-cli来学习vue的简单模板

      本文链接:https://www.haomeiwen.com/subject/xnfaiftx.html