随笔分类 - Vue
Vue技术栈
摘要：项目目录 main.js import Vue from 'vue'; import App from './App.vue'; //引入公共的scss 注意：创建项目的时候必须用scss import './assets/css/basic.scss'; import router from '.
阅读全文
posted @ 2020-09-06 14:33
maxweber
摘要：项目结构 main.js import Vue from 'vue'; import App from './App.vue'; //引入公共的scss 注意：创建项目的时候必须用scss import './assets/css/basic.scss'; import router from '.
阅读全文
posted @ 2020-09-06 14:29
maxweber
摘要：基于Vue的Ui框架 饿了么公司基于vue开的的vue的Ui组件库 Element Ui 基于vue pc端的UI框架 MintUi 基于vue 移动端的ui框架 http://element.eleme.io/ http://mint-ui.github.io/#!/en mintUI的使用： 1
阅读全文
posted @ 2020-09-06 14:25
maxweber
摘要：main.js import Vue from 'vue'; import App from './App.vue'; //引入公共的scss 注意：创建项目的时候必须用scss import './assets/css/basic.scss'; /*路由的嵌套 1.配置路由 { path: '/u
阅读全文
posted @ 2020-09-06 14:22
maxweber
摘要：main.js import Vue from 'vue'; import App from './App.vue'; //引入公共的scss 注意：创建项目的时候必须用scss import './assets/css/basic.scss'; //请求数据 import VueResource
阅读全文
posted @ 2020-09-06 14:20
maxweber
摘要：main.js import Vue from 'vue'; import App from './App.vue'; //引入公共的scss 注意：创建项目的时候必须用scss import './assets/css/basic.scss'; //请求数据 import VueResource
阅读全文
posted @ 2020-09-06 14:17
maxweber
摘要：main.js import Vue from 'vue'; import App from './App.vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); //1.创建组件 import Home from './compo
阅读全文
posted @ 2020-09-06 14:14
maxweber
摘要：main.js import Vue from 'vue'; import App from './App.vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); //1.创建组件 import Home from './compo
阅读全文
posted @ 2020-09-06 13:58
maxweber
摘要：app.vue <template> <div id="app"> <v-home></v-home> <br> <hr> <br> <v-news></v-news> </div> </template> <script> /*非父子组件传值 1、新建一个js文件 然后引入vue 实例化vue 最
阅读全文
posted @ 2020-09-06 13:55
maxweber
摘要：Home.vue <template> <!-- 所有的内容要被根节点包含起来 --> <div id="home"> <v-header ref="header"></v-header> <hr> 首页组件 <button @click="getChildData()">获取子组件的数据和方法</
阅读全文
posted @ 2020-09-06 13:53
maxweber
摘要：companion： React 全家桶学习资源(持续更新) 下面整理了一些关于Vue以及Vue衍生的学习资源： 官网文档 官网API ECMAScript 6 入门 30分钟掌握ES6/ES2015核心内容(上) 30分钟掌握ES6/ES2015核心内容(下) vuefe Vue 中文社区 vue
阅读全文
posted @ 2020-09-06 12:57
maxweber
摘要：app.vue <template> <div id="app"> <v-home></v-home> </div> </template> <script> import Home from './components/Home.vue'; export default { data () { r
阅读全文
posted @ 2020-09-05 22:10
maxweber
摘要：main.js import Vue from 'vue'; import App from './App.vue'; /*使用vue-resource请求数据的步骤 1、需要安装vue-resource模块， 注意加上 --save npm install vue-resource --save
阅读全文
posted @ 2020-09-05 22:06
maxweber
摘要：app.vue <template> <div id="app"> <v-home></v-home> </div> </template> <script> /* 1、引入组件 2、挂载组件 3、在模板中使用 生命周期函数/生命周期钩子： 组件挂载、以及组件更新、组件销毁、的时候触发的一系列的方法
阅读全文
posted @ 2020-09-05 22:04
maxweber
摘要：app.vue <template> <div id="app"> <v-home></v-home> <hr > <br> <v-news></v-news> </div> </template> <script> /* 1、引入组件 2、挂载组件 3、在模板中使用 */ import Home
阅读全文
posted @ 2020-09-05 22:02
maxweber
摘要：app.vue <template> <div id="app"> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <hr> <br> <h2>进行中</h2> <ul> <li v-for="(item,key) in l
阅读全文
posted @ 2020-09-05 22:00
maxweber
摘要：app.vue <template> <div id="app"> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <br> <hr> <br> <h2>进行中</h2> <ul> <li v-for="(item,key)
阅读全文
posted @ 2020-09-05 21:57
maxweber
摘要：app.vue <template> <div id="app"> <input type="text" v-model='todo' /> <button @click="doAdd()">+增加</button> <br> <hr> <br> <ul> <li v-for="(item,key)
阅读全文
posted @ 2020-09-05 21:55
maxweber
摘要：//app.vue<template> <div id="app"> <h2>{{msg}}</h2> <br> <div v-bind:title="title">鼠标瞄上去看一下</div> <img src="https://www.itying.com/themes/itying/image
阅读全文
posted @ 2020-09-05 21:52
maxweber
摘要：//app.vue<template> <!-- vue的模板里面 所有的内容要被一个根节点包含起来 --> <div id="app"> <h2>{{msg}}</h2> <br> 这是一个根组件 <br> <h3>{{obj.name}}</h3> <br> <hr> <br /> <ul> <
阅读全文
posted @ 2020-09-05 21:50
maxweber
浙公网安备 33010602011771号