-
v-text 會直接把標簽當成文本輸出
v-html 會把標簽當成標簽
查看全部 -
重要選項：
????data 所有的數據
????methode 頁面綁定事件的方法
????watch 設置數據監聽的方法
和其他頁面的關系：
????模板指令：
????????數據渲染：v-text（格式處理了html）、v-html（保存了html結構）、{{}}
????控制模塊隱藏： v-if（在代碼中看不到）、v-show（在代碼中能看到）
????渲染循環列表：v-for
????事件綁定：v-on
????屬性綁定：v-bind（簡寫????????：class? ????：src）
查看全部 -
<h1>{{msg}}</h1>
<h1>{{msg2}}</h1>
?對于msg 寫在script里面的data中
查看全部 -
屬性：
data 數據
methods ?方法函數
?watch ?對象監聽的方法
v-text 渲染數據
v-if 控制顯示
v-on ?綁定時間
v-for 循環渲染
查看全部 -
v-text里面的內容都會被當成字符，比如'<span>abc</span>'會被渲染成'<span>abc</span>'輸出，但是v-html會識別'span'標簽，輸出是'abc'
查看全部 -
重點的概念
查看全部 -
.vue文件中三種類型的區分標簽
查看全部 -
模版指令
<p>{{a}}</p>
<p v-text="a"></p>
<p v-html="a"></p>
v-if/v-show/v-for/v-on/v-bind屬性綁定
<ul>
????<li v-for='item in items'>
????????<p v-text='item.label' v-on:click="doThis"></p>
????????<button @click="doThis"></button>
????</li>
</ul>
data:{
????items:[
????????{
????????????label: 'apple'
????????},
????????{
????????label:'banana'
????????}
????]
},
methods:{
????doThis: function(){}
}
查看全部 -
new Vue({
????data: {
????????a:1
????},
????methods:{
????????doSomething: function(){}
????},
????watch:{//監聽
????????'a':function(){}
????}
})
查看全部 -
props:[] 用于傳遞參數 ? 以字符串的形式
查看全部 -
component 注冊組件
如果有駝峰 會以下劃線代替
要引入一個vue ?直接引入標簽即可
查看全部 -
vue關鍵屬性
查看全部 -
雙向綁定：
<div id="demo">
????<p>{{message}}</p>
????<input v-model="message">
</div>
var demo = new Vue({
????el:'#demo',
data:{
????message:"Hello Vue.js!"
}
})
查看全部 -
var App = require('./App') ? ?== import Vue from 'vue'
查看全部 -
cn.ue.js.org
查看全部
舉報