-
什么雞巴垃圾app，回復功能都沒有，還是做網站教學的？查看全部
-
那些看不懂的朋友，你不會先精通vue再來看這個視頻嗎？錯的是你，不是老師，老師是免費的你還噴，有沒有良心查看全部
-
看完了我記住了一句話，接下來我們來看一下哈嘍點vue長什么逼樣查看全部
-
vue-validator：表單驗證的組件；
vue-devtools：chroma的開發者工具；
vue-router：路由；
vue-cli：腳手架；
vue-touch：移動端開發工具；
axios是一個基于Promise的HTTP請求客戶端，用來發送請求，也是vue2.0官方推薦的，同時不再對vue-resource進行更新和維護；
vuex：vue的模塊管理工具；
查看全部 -
香菇滑雞紀念幣v才想到發哈幾哈勾搭是撒短發干哈就幾把出息沙發干哈規律幾句話肥嘟嘟查看全部
-
方法好糾結救護車小心點給伙計超大發哈好幾把出發攻擊機不發達短發干哈好卡幾把長多大法國好幾回查看全部
-
v-text?是按有的顯示出來?
v-html?會把標簽當做標簽來用
查看全部 -
Vue.js是一個輕巧、高性能、可組件化的MVVM庫
吸收了react的組件化（數據展現分離）
吸收了angular的指令和頁面操作的方法。
查看全部 -
子組件向父組件傳值，方法1
使用$emit來自定義一個時間
this.$emit('my-event',參數傳遞的值)
查看全部 -
要想用一個組件，要先注冊這個組件。
如圖中的components:{ComponentA}
vue中的組件屬性特殊的地方：
components:? {HelloWorld}
在html上調用這個組件的時候vue規定，換成小寫，并在大寫的地方變成-：
<hello-world></hello-world>
查看全部 -
父組件向子組件傳值：例如app.vue向header.vue傳值
app.vue給msg賦一個值，這個值同樣傳到了header組件的msg中，但前提是header.vue中要先在props中注冊msg
查看全部 -
關于Watch的deep這個屬性為true的話，表示深層監視。被監視的屬性里面如果是個對象，只要其中一個屬性被更改都會被檢測到。如果為false的則檢測不到
查看全部 -
export?default{????fetch:function(){????return?JSON.parse(window.localStroage.getItem(STORAGE_KEY)||'[]'),????????},????save:function(items){????window.localStorage.setItem(STORAGE_KEY,JSON.stringify(item))????}}?引入import?Store?from?'./store.vue'?使用?Store.fetch//顯示Store.save//存儲,放到瀏覽器的某個頁面上查看全部 -
<template>
? ? <div id="app">
? ? ? ? <h1 v-text="title"></h1>
? ? ? ? <input v-model="newItem" v-on:keyup.enter="addNew"/>
? ? ? ? <ul>
? ? ? ? ? ? <li? v-for="item in items" v-bind:class="[finished:items.isFinshed]" v-on:click="change(item)"></li>
? ? ? ? </ul>
? ? </div>
</template>
<script>
? ? var vm = new Vue({
? ? ? ? data: {
? ? ? ? ? ? title: "this is a todo list",
? ? ? ? ? ? items: [
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? label: "cooding",
? ? ? ? ? ? ? ? ? ? isFinished:true
? ? ? ? ? ? ? ? }, {
? ? ? ? ? ? ? ? ? ? label: "book",
? ? ? ? ? ? ? ? ? ? isFinished: true
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ],
? ? ? ? ? ? newItem:''
? ? ? ? },
? ? ? ? methods: {
? ? ? ? ? ? change: function (item) {
? ? ? ? ? ? ? ? item.isFinished != isFinished
? ? ? ? ? ? },
? ? ? ? ? ? addNew: function () {
? ? ? ? ? ? ? ? this.item.push({? ? ? ? ? ? ? ? ?//添加數據
? ? ? ? ? ? ? ? ? ? label: this.newItem,
? ? ? ? ? ? ? ? ? ? isFinished: true
? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? this.newItem=""? ? ? ? ? ? ? //清空數據
? ? ? ? ? ? }
? ? ? ? }
? ? });
</script>
<style>
? ? .finished {
? ? ? ? color:redd;
? ? }
</style>
查看全部 -
v-on：keyup.enter=“”
當回車時觸發方法
v-model雙向綁定，看截圖 input 設置了v-model="變量名",那么這個input的值就跟指定的變量雙向綁定了，你改變input的值會改變變量，你如果直接改變變量也會改變Input的value
查看全部 -
export用法
查看全部 -
v-text是直接顯示所有文字，例如顯示<span>?</span>this is
v-html會把html格式的文字渲染掉，例如顯示？this is
查看全部 -
js文件中注冊組建用new Vue（{}）;組件中注冊組件等等先用export default{};兩者均需要先用import...from...引入vue文件！注意：組件中注冊的組件，其注冊代碼也要寫在<script>中。組件=vue
查看全部
舉報