vue.js 第一课：实例化vue
Posted 凡图
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue.js 第一课：实例化vue相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Demo</title> 6 </head> 7 <body> 8 <div id="app"> 9 app:{{name}} 10 </div> 11 <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script> 12 <script> 13 var vm = new Vue({ 14 el:‘#app‘, 15 data:{ 16 name:‘Vuejs‘, 17 } 18 }); 19 </script> 20 </body>
1. div的id为app为vue的element元素，所有的vue操作只能在id为app下
2.实例化时，需要传入一个对象el（element）缩写，确定作用于那个div域下
3.data为参数命名与赋值，在指定的div下可以用{{}}俩个大括号包起来，来使该变量的值
说明：
1.引入的js链接通道：https://www.bootcdn.cn/vue/
2.没有开发环境的可以直接，在线代码调试：http://tool.chinaz.com/tools/webdebugger.aspx
以上是关于vue.js 第一课：实例化vue的主要内容，如果未能解决你的问题，请参考以下文章