4-6
1.安装开发版本可以查看到错误提示。
2.在VScode中新建文件夹,在其下添加html文件 输!tab 出现模板。
3.直接用<script>标签引用Vue,Vue的V大写。
4.新建另一个文件夹,名为js,将下载好的vue添加到js下。
5.在网页的拓展中添加上vue.js devtools
6.用script标签加Vue.config.productionTip = false 用以阻止vue在启动时生成生产提示。
7.在vscode中添加上live server 拓展 安装完后默认绑定本机,即127.0.0.1:5500
8.添加一个容器 div id h1 {{name}}
vue实例用new Vue({}){}中是配置对象。
el :'# ' 用于指定当前vue实例为某个容器服务,值通常为css选择器字符串。
data:{name:'' } 用于存储数据,数据为el所对应的容器服务,
9.容器中用class=“某” el中用 .某
10.js表达式 和js代码(语句)
表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方
代码: if判断 for循环
11.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性:
12.一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新;