-
?
1.1vuejs簡介
vuejs是一種輕量級的前端mvvm框架,同時吸收了react和angular的優點,強調了react組件化的概念,輕松實現數據與展現的分離,吸收了angular靈活的指令以及頁面操作的一些方法,學習vuejs需有
前端開發基礎html,css,js
前端模塊化基礎
es6基礎
vuejs官網http://cn.vuejs.org
vuejs實現雙向綁定即
在頁面的輸入會綁定到js中的對象屬性
js中的對象屬性的變動會體現在頁面引用其的部分
vuejs強調的是組件的概念,其推薦的寫法就是將頁面用到的
html+js+css寫在一個文件*.vue中,通過標簽<template></template>,<script></script>,<style></style>區分三種內容,可以使用vuejs官方的腳手架搭建項目。
查看全部 -
111
查看全部 -
1
查看全部 -
vue查看全部
-
單頁面的路由功能
查看全部 -
數據層和ajex的數據交互
查看全部 -
組件化
數據的雙向綁定
查看全部 -
vue 自定義事件
查看全部 -
查看localStorage 在控制臺Application/storage
查看全部 -
Store.save()可以添加內容
查看全部 -
import引入? export導出
import? Store? from? ?‘’./store“? ? 引入同級目錄下的store,記得大小寫區分好
查看全部 -
const是ES6????定義的一個常量,寫成var也可以
查看全部 -
點擊實現選中或放開
就在函數里面置反item.finished=!item.finished
查看全部 -
iitem.isFinished
查看全部 -
export default{
????data : function(){
????????return{
????????????title:'this is a',
????????????items:[
????????????????label:"';
????????????]
????????}
????},
????methods:{
? ????? togglefinish : function(item){? ? ? ? ? ?//函數要在methods里面才可以
????? ? ? ? console.log(item);
????????}
????}
}
methods:{
????togglefinish : function(item){? ? ? ? ? ?//函數要在methods里面才可以
????? ? ? ? console.log(item);
????}
}
查看全部
舉報