資訊專(zhuān)欄INFORMATION COLUMN
摘要：一簡(jiǎn)介是一個(gè)用于構(gòu)建交互式界面的直觀快速和可組合的框架。的兼容性不支持及其以下版本，因?yàn)槭褂昧瞬荒苣M的特性。這是簡(jiǎn)潔的語(yǔ)法和強(qiáng)勁的性能的基礎(chǔ)。的組件一個(gè)文件由三部分組成，分別體現(xiàn)為個(gè)標(biāo)簽。
一、Vuejs簡(jiǎn)介
Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces.
vue.js是一個(gè)用于構(gòu)建交互式界面的直觀、快速和可組合的MVVM框架。易用，只要你會(huì)前端開(kāi)發(fā)的“三大件”就可以閱讀文檔開(kāi)始用vue.js構(gòu)建應(yīng)用；靈活，簡(jiǎn)單小巧的核心，漸進(jìn)式技術(shù)棧，足以應(yīng)付任何規(guī)模的應(yīng)用；性能，17kb min+gzip的運(yùn)行大小，
超快虛擬DOM，最省心的優(yōu)化。
Vue.js 不支持 IE8 及其以下版本，因?yàn)?Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器。
Vue.js 內(nèi)部使用 ES5 的 Object.defineProperty 來(lái)轉(zhuǎn)化對(duì)象屬性為 getter 和 setter，并在 getter 和 setter 中 emit 事件來(lái)實(shí)現(xiàn)對(duì)對(duì)象屬性變化的觀察。這是 Vue.js 簡(jiǎn)潔的語(yǔ)法和強(qiáng)勁的性能的基礎(chǔ)。IE8 的該方法不能作用于 JS 對(duì)象，也沒(méi)有辦法模擬。
一個(gè).vue文件由html、js、css三部分組成，分別體現(xiàn)為3個(gè)標(biāo)簽：、、。
todolist
賣(mài)座網(wǎng)
二、vue.js環(huán)境搭建及腳手架工具#最新穩(wěn)定版本 npm install vue #最新穩(wěn)定 CSP兼容版本 npm install vue@csp
node.exe下載地址
git.exe下載地址
#git安裝 git clone https://github.com/vuejs/vue.git node_modules/vue cd node_modules/vue npm install npm run build
淘寶 NPM 鏡像（不推薦使用，除非網(wǎng)速實(shí)在太慢；因?yàn)橛行┮蕾?lài)的包下載不完全）
#使用淘寶定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認(rèn)的 npm $ npm install -g cnpm --registry=https://registry.npm.taobao.org
# 全局安裝 vue-cli npm install --global vue-cli #創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目 vue init webpack my-project #切換到項(xiàng)目安裝依賴(lài)，走你 cd my-project npm install npm run dev
安裝過(guò)程中的提示
了解package.json文件
-devDependencies下為項(xiàng)目依賴(lài)的包，其中一系列babel包用來(lái)解析[ES6](http://es6.ruanyifeng.com/)
了解webpack
-修改默認(rèn)端口8080，在webpack.config.js文件中的devServer 添加 port:新端口號(hào)
了解vue.js基本項(xiàng)目結(jié)構(gòu)及主要文件
-使用webpack-simple模板：
myproject
-node——moudles
+src
+assets
-logo.png
-App.vue
-main.js
-.babelrc
-.gitignore
-index.html
-package.json
-README.md
-webpack.config.js
了解vue.js組件的重要選項(xiàng)：data、methods(this)、watch(監(jiān)聽(tīng) val oldval)
了解vue.js的模板指令：
- 數(shù)據(jù)渲染 v-html v-text {{}}
- 模板控制指令 v-if v-show
- 渲染循環(huán)列表 v-for
- 事件綁定 v-on @
- 屬性綁定 v-bind
了解 es6
v-text 與v-html的不同（看文檔） v-for的使用 （尤其怎么遍歷雙重?cái)?shù)據(jù)） v-bind
踩過(guò)的坑：
1、npm install的時(shí)候，顯示有一個(gè)錯(cuò)誤：node-sass安裝失敗；嘗試了好幾次還是失敗，解決方案：用cnpm安裝（已經(jīng)是迫不得已了?。?/p>
友情鏈接
vue.js官方資料:vuejs官網(wǎng)、vuejs github倉(cāng)庫(kù)
vue案例：[cody]、 awesome-vue
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/82413.html
摘要：面向?qū)ο笕筇卣骼^承性多態(tài)性封裝性接口。第五階段封裝一個(gè)屬于自己的框架框架封裝基礎(chǔ)事件流冒泡捕獲事件對(duì)象事件框架選擇框架。核心模塊和對(duì)象全局對(duì)象，，，事件驅(qū)動(dòng)，事件發(fā)射器加密解密，路徑操作，序列化和反序列化文件流操作服務(wù)端與客戶端。 第一階段： HTML+CSS:HTML進(jìn)階、CSS進(jìn)階、div+css布局、HTML+css整站開(kāi)發(fā)、 JavaScript基礎(chǔ)：Js基礎(chǔ)教程、js內(nèi)置對(duì)...
摘要：面向?qū)ο笕筇卣骼^承性多態(tài)性封裝性接口。第五階段封裝一個(gè)屬于自己的框架框架封裝基礎(chǔ)事件流冒泡捕獲事件對(duì)象事件框架選擇框架。核心模塊和對(duì)象全局對(duì)象，，，事件驅(qū)動(dòng)，事件發(fā)射器加密解密，路徑操作，序列化和反序列化文件流操作服務(wù)端與客戶端。 第一階段： HTML+CSS:HTML進(jìn)階、CSS進(jìn)階、div+css布局、HTML+css整站開(kāi)發(fā)、 JavaScript基礎(chǔ)：Js基礎(chǔ)教程、js內(nèi)置對(duì)...
摘要：使用開(kāi)發(fā)插件的好處本次開(kāi)發(fā)的插件是抓取配置插件，有很多的表單以及彈出層，如果純使用的話會(huì)有很多動(dòng)態(tài)創(chuàng)建的操作。使用和的語(yǔ)法以及的加載器相配合，可以減少大量動(dòng)態(tài)創(chuàng)建的代碼。 使用vue開(kāi)發(fā)chrome插件的好處 本次開(kāi)發(fā)的插件是抓取配置插件，有很多的form表單以及彈出層，如果純使用js的話會(huì)有很多動(dòng)態(tài)創(chuàng)建dom的操作。使用vue和ES6的import語(yǔ)法以及webpack的html加載...
摘要：開(kāi)發(fā)既是一個(gè)練習(xí)如何在開(kāi)發(fā)環(huán)境中寫(xiě)代碼的過(guò)程，反過(guò)來(lái)，也是一個(gè)驗(yàn)證環(huán)境搭建的對(duì)不對(duì)好不好用的過(guò)程。前端調(diào)用后端接口示例為突出重點(diǎn)，排除干擾，方便理解。 寫(xiě)在前面 這篇文章的主要目的是學(xué)會(huì)使用koa框架搭建web服務(wù)，從而提供一些后端接口，供前端調(diào)用。搭建這個(gè)環(huán)境的目的是： 前端工程師在跟后臺(tái)工程師商定了接口但還未聯(lián)調(diào)之前，涉及到向后端請(qǐng)求數(shù)據(jù)的功能能夠走前端工程師自己搭建的http路徑...
閱讀 1541·2019-08-30 15:44
閱讀 2001·2019-08-30 14:07
閱讀 2953·2019-08-30 13:56
閱讀 2427·2019-08-29 17:06
閱讀 1401·2019-08-29 14:13
閱讀 2134·2019-08-29 11:28
閱讀 3302·2019-08-26 13:56
閱讀 2013·2019-08-26 12:11
