摘要: 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 阅读(722) 评论(0) 推荐(0)
摘要: 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:07 maxweber 阅读(184) 评论(0) 推荐(0)
摘要: 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 阅读(172) 评论(0) 推荐(0)
摘要: app.vue <template> <div id="app"> <v-home></v-home> </div> </template> <script> /* 1、引入组件 2、挂载组件 3、在模板中使用 生命周期函数/生命周期钩子: 组件挂载、以及组件更新、组件销毁、的时候触发的一系列的方法 阅读全文
posted @ 2020-09-05 22:04 maxweber 阅读(333) 评论(0) 推荐(0)
摘要: 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 阅读(490) 评论(0) 推荐(0)
摘要: 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 阅读(236) 评论(0) 推荐(0)
摘要: app.vue <template> <div id="app"> <!-- <img v-bind:src='url' /> <img :src='url' /> --> {{msg}} <br> <br> <br> <button v-on:click="run1()">执行方法的第一种写法</ 阅读全文
posted @ 2020-09-05 21:58 maxweber 阅读(234) 评论(0) 推荐(0)
摘要: 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 阅读(204) 评论(0) 推荐(0)
摘要: 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 阅读(128) 评论(0) 推荐(0)
摘要: //app.vue <template> <div id="app"> <h2>{{msg}}</h2> <input type="text" v-model='msg' /> <button v-on:click="getMsg()">获取表单里面的数据get</button> <button v 阅读全文
posted @ 2020-09-05 21:53 maxweber 阅读(219) 评论(0) 推荐(0)
摘要: //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 阅读(294) 评论(0) 推荐(0)
摘要: //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 阅读(198) 评论(0) 推荐(0)
摘要: 一、 关于 Vue CLI3 和 Vue CLI2 以及 Vue2.xVue3.xVue Cli 安装 vue 的脚手架工具,也就是官方命令行工具,可以用命令快速创建项目。 注意:Vue CLI 3 是 Vue CLI 2 的升级版本,并不是 Vue3.0 。 Vue3.0 目前(2019 年3 月 阅读全文
posted @ 2020-09-05 21:47 maxweber 阅读(178) 评论(0) 推荐(0)