vue入門學習筆記

2022-09-08 14:39:12 字數 1425 閱讀 2860

一、vue的安裝與使用

1.安裝nodejs用npm作為包管理工具

2.vue單個檔案開發

npm init --yes

npm install vue

npm install vue-router -s

npm install axios

3.vue模組化開發

全域性安裝 webpack

npm install webpack -g

全域性安裝 vue腳手架

npm install -g vue-cli

安裝**映象

npm install -g cnpm --registry=

初始化專案

啟動vue專案

npm run dev

安裝elementui

npm i element-ui

main.js中使用:

import elementui from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css';

vue.use(elementui);

3.安裝vscode作為開發編輯器

1、vscode配置git

首先確保環境變數新增了git路徑

開啟vscode設定,搜尋git.path,將該項值設定為git安裝目錄的cmd資料夾下的git.exe的所在檔案路徑;

git的配置與免密碼上傳github

安裝外掛程式git history

命令列提交

檢視提交

vue 入門筆記

v model可以代替checked的值 checkbox value 小紅 v model girl 小紅 checkbox value 小綠 v model girl 小綠 vue的元件化 核心功能就是 前端模組化 元件可以把功能拆分成乙個個模組 不能使用 html5標籤名 js關鍵字 vue....

Vue入門筆記

a.el屬性 設定掛載點 通過css選擇器設定vue例項管理的元素 1.vue例項的作用範圍是什麼呢?el命中的元素外部不可使用vue例項管理的資料,但是命中元素及其內部後代元素可以隨便使用 2.是否可以使用其他的選擇器?支援id選擇器,class選擇器等,但最好在開發的使用使用id選擇器,因為id...

Vue入門筆記002

首先插入一段vue框架的模板 doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title script head ...