发表于： 2020-06-13 23:14:45
0 2157
今日完成:
下载vue.js然后用<script>引入
<script src="../code/vue.js"></script>
理解:
. vue.js也是js的一部分,就类似与js中的对象方法,
对象方法为什么能直接拿来就用,因为里面封装了一些浏览器默认的函数,访问对象方法,就自动运行方法内部封装的函数,
同理,vue.js也是经过"处理"的方法之类的复杂集合,下载引入之后,就能通过它的设定的方法之类的东西,执行对应的操作.
作用就是简化代码,方便开发之类,就像从原生js到jQuery
模版
<body>
<div id="app">
{{message}}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message:'你好'
},
})
</script>
显示:你好
Vue({ })中就是一些设定好的对象属性,里面还可以添加对象属性,类似套娃.
var 任意变量名(如:app)=new Vue({
el: "#要挂载Dom元素id名"//指定要挂载的元素,即把对应的DOM交给这个Vue管理
data:{//定义数据
message:"你好"//字符串需要加引号,message是个代称,不是特指,覆盖/改变/渲染挂载元素中的所有的{{message}} //一对多
//data中的对象也可以一次设置多个,之间用逗号隔开
}
})
ps:var app = new Vue,声明的app作用就是new了一个Vue实例,变量名app可以任意取不是特指,为了好浏览代码,就命名的跟html中目标id一致
制作网页:理解/先把外壳做出来,在写vue的数据
1.vue.js中该外部连接css文件还是要链接的,vue.js跟这个是没有关系的
2.vue.js简化/优化原来的js的事件操作(交互)
3.页面中有些数据是不变的,可以直接在html中写出来,写死的,有些数据不是自己写的,是从服务器上请求出来,
经过vue再渲染到页面(html)上的
4.vue上应该是有些组件/插件更轻松的写出手风琴列表之类的,好像需要再配置环境,先用原始的vue把东西做出来
返回列表
评论