随笔分类 - Vue
大前端框架
摘要：安装：npm i vue-router 在main.j引入 引入vue-router import Vue from 'vue' import App from './App.vue' //引入使用 import VueRouter from 'vue-router' Vue.use(VueRout
阅读全文
摘要：概念 1.所谓的路由：是一组key-value（route） 2.路由器：是管理多个路由的机器（router） 单页面 Vue就只有一个页面：public 的inde.html 单页面怎么切换 Vue路由：router：实现局部跳转 Vue-router key：是路径 value：组件、函数
阅读全文
摘要：在state定义共享变量 定义共享变量 /*第三步：state：存储数据*/ const state={ num:0 } 在组件上读取（{{}}符号能读到vc身上所有东西） $store.state.num <template> <div> <h1>共享变量：{{$store.state.num}}
阅读全文
摘要：要使用VueX:先安装Vuex：npm i vuex 让所有的组件都出现$store Vuex是一个插件：需要use 1.建立路径 2.编写vuex vuex核心 //该文件用来建立vuex的store //引入 import Vuex from 'vuex' import Vue from 'vu
阅读全文
摘要：所有的东西统一向Vuex读取共享变量 组件一：做出改变 组件三：及时更新 组件二：也会更新 补充：v-bind会让属性后面的value以es6解析出来。
阅读全文
摘要：Vue：的跨域需要配置： 为什么发生跨域因为请求被浏览器拦截了 答：浏览器发现当前的请求夸域了,就不给了。 Vue解决跨域 答：设置代理服务器 后端解决跨域：cros！响应时提供特殊响应头，浏览器一看就知道能给你。 Vue：就使用代理服务器 在Vue.config.js配置目标路径（记得重启） 配置
阅读全文
摘要：Vue最终会把所有样式整合为一个（出现命名冲突） APP中的style：对所有组件进行控制 app <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiase
阅读全文
摘要：使用组件Student时候：<Student></Student> 思考：能否将我要的数据丢给组件而不是组件自己定义data 于是<Student name=“小红” age=“15”></Student> 是被Vue接受的 props：是Vue组件获取外部传入值得属性 作用：将外部获取的值加到vm
阅读全文
摘要：Vue使用ref给template的dom元素设置身份 用法类似（id=“ ”） 》（ref=“ ”） 使用时候：this.$refs.名字 ref的使用：获取Vue的dom <!--只认识三个标签--> <template> <!--组件结构--> <div> <h1 id="hh">{{scho
阅读全文
摘要：原来创建一个vue引入之后使用 直接使用template let v=new Vue({ //这样前端就非常干净 template:` <app></app> `, el:"#firstVue", components:{ app } }) 使用脚手架后变化了 使用了 render：解析器 //引入
阅读全文
摘要：1..gitgnore ：git的管理忽略文件 2.babel.config.js：ES6=>转换ES5 3.package.json：npm说明书以及npm命令 4.package-lock.json：锁定版本 5.说明文件readme 进入src 1. main.js：入口（run后的入口，引入
阅读全文
摘要：1.VUE开发工具会帮你翻译 安转淘宝镜像:(百度) 首先全局安装： npm install -g @vue/cli 之后不需要了 2.cd （进入目标文件夹） 3.vue create （名字） 会让你更新 label：是转换ES6到ES5 eslint：错误提示 进入项目 npm run ser
阅读全文
摘要：0.重新声明组件事局部标签结构和资源的集合（合在一起的） 1.单文件组件都是.vue结尾的文件 建立一个vue文件 xxx.vue结构 <!--只认识三个标签--> <template> <!--组件结构--> </template> <script> /*组件交互代码js*/ // export
阅读全文
摘要：什么是组件的嵌套？ 答：当在一个组件里面又使用可一个组件就称为组件的嵌套 组件嵌套的案例 学校组件嵌套学生组件 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告
阅读全文
摘要：一个单词组成： 1.第一种写法：（首字母小写）school 用的时候首字母小写 2.第二种写法：（首字母大写）School 用的时候首字母大写 多单词组成： 1.第一种：（kenbab-case）：my-school 使用时候一样 2.第二种： 驼峰 MySchool 必须在脚手架才能用
阅读全文
摘要：组件的分类 1.非单文件组件（一个文件有n个组件） 2.单文件组件（一个文件只有1个组） 什么是组件？ 答：包含局部页面结构和资源的模块。 创建组件 局部注册 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8">
阅读全文
摘要：收集input：text文本 文本框 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="js/vue.js"></script
阅读全文
摘要：实现模糊查询 需要回顾computed：要求得到一个新的数组，使用计算属性处理当值变化computed重新执行 Computed实现模糊查询 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境
阅读全文
摘要：v-for用来遍历 遍历数组对象 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="js/vue.js"></script>
阅读全文
摘要：V-show（使用频繁切换） 点击查看代码 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="js/vue.js"></scr
阅读全文
浙公网安备 33010602011771号