-
v-on:可以写成@ 这个符号
在标签<h1>当中用两个花括号里面写上data中要显示的数据,这种方法叫做插值表达式.
查看全部 -
改变数据内容:
查看全部 -
绑定单击事件:
查看全部 -
v-text和v-html区别是获取的内容v-text会将标签转义,把内容全部打印,而v-html不会将内容转义,只打印标签里的文本内容.
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>挂载点，模板，实例之间的关系</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>
查看全部 -
本人vue小白，对我帮助很大查看全部
-
侦听器watch作用：检测某一数据和计算属性发生了变化时，可在侦听器中写业务逻辑
查看全部 -
计算属性computed 特性:
计算属性依赖的其他属性值没发生变化时，会使用缓存中的计算值，当其中某一属性值发生变化时，才会重新计算
查看全部 -
scoped 局部样式，只能当前组件样式有效
查看全部 -
data在vue-cli脚手架中变成了一个函数，其返回值是我们具体的数据
引入Vue组件文件：
import 要调用的组件名称 from '文件路径'
在Vue组件文件中，模板<template>下只能有一个根标签！
引入局部组件后，需要在components中声明。
components：{ 'todo-item': TodoItem }局部组件中，props中存放的是父级给子级传值得项。
查看全部 -
v-if控制dom的存在与否v-show控制dom的显示与否，v-for指令用来控制一组数据，通过这组数据来循环显示页面的dom的结构查看全部
-
v-if和v-show查看全部
-
v-if只显示隐藏或显示一次查看全部
-
v-model双向绑定语法查看全部
举报