-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue 入门</title> <script src="./vue.js"></script> </head> <body> <!-- 挂载点 --> <div id="root"></div> <script> new Vue({ el: "#root", template: '<h1>hello {{ msg }}</h1>', data: { msg: "world" } }); </script> </body> </html>查看全部 -
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue 入门</title> <script src="./vue.js"></script> </head> <body> <div id="root">{{ msg }}</div> <script> new Vue({ el: "#root", data: { msg: "hello world" } }); </script> </body> </html>查看全部 -
组件文件里要求 模版下必须有一个根标签
查看全部 -
v-html过滤标签 v-text不过滤标签查看全部
-
指令：v-bind: 绑定属性 缩写成：":"
双向绑定：v-model
查看全部 -
指令：v-text、 v-html
事件：v-on:click 简写：@click
查看全部 -
methods：保存事件绑定后的方法查看全部
-
template：保存挂载点内的html片段查看全部
-
data：保存实例中一些数据查看全部
-
el：让vue实例去接管页面上某个节点元素的内容查看全部
-
vue只会去处理挂载点内的内容查看全部
-
使用<script></script>查看全部
-
父组件-子组件传值
查看全部 -
V-if :当属性是false时,标签直接从dom中删除
V-show :是隐藏当前标签
V-for :循环展示一个list数据
methods:定义事件
查看全部 -
V-on ------> @
V-bind--------->:
V- 双向关联
el:定位某个标签
data:数据项
conputed:合成新的数据对象
watch:监听器
查看全部
举报
0/150
提交
取消