随笔分类 - vue
摘要：场景：前端向后端请求数据时，后端数据还未准备好，所以需要在前端模拟网络请求。 步骤一：输入npm install axios --save 步骤二：main.js import axios from "axios"; Vue.prototype.$axios = axios; 步骤三：新建json文
阅读全文
摘要：步骤一：输入npm install vuex --save 步骤二：main.js import store from './store/store' //引入 new Vue({ el: "#app", router, components: { App }, template: "<App/>"
阅读全文
摘要：1.安装路由插件 步骤一：输入npm i vue-router -S 步骤二：main.js import Vue from 'vue'; import App from "./App"; import router from "./router"; //引入src/router/index.js
阅读全文
摘要：1.父子传值（props） //1.父组件（冒号传值） <template> <div> <zi-jian :msg1="msg"></zi-jian> </div> </template> <script> import ZiJian from './ZiJian' export default{
阅读全文
摘要：1.具名插槽（固定格式） //父组件 <template> <div> <zi-jian> <h1>父组件：h1</h1> <h1 slot="title">父组件插槽：h1</h1> </zi-jian> </div> </template> <script> import ZiJian from
阅读全文
摘要：1.class绑定 //class绑定：方式一 <template> <div :class="{beijing:true}">class绑定</div> </template> <style> .beijing{ background:red } </style> //class绑定：方式二 <t
阅读全文
摘要：1.computed计算属性 //computed：分离模板复杂的逻辑。 //computed有缓存。而methods是没有缓存的，每次都是重新调用。 computed:{ submit(){ return this.msg.split('').reverse('').join('') } }, 2
阅读全文
摘要：1.插值 /* 所有的数据必须要在data中声明，即使初始值为空也要声明 */ <div>{{msg1}}</div> //纯文本 <div v-html="msg2"></div> //原始html <div>{{msg3.split('').reverse('').join('')}}</div
阅读全文
摘要：1.vue简介 2.vue的数据驱动--MVVM模式 M：model数据模型，负责数据存储；V：view视图，负责页面的显示；VM：view model，负责业务处理。对数据进行加工，之后交给视图； 3.vue的优点 4.代码风格 1）组件名要为多个单词： · 这样做可以避免跟现有的及未来的html
阅读全文
浙公网安备 33010602011771号