自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 vue通过路由跳转页面的三种方式

现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。 父组件中: <li v-for="item in list" @click="getDescribe(article.id)"> <liv-for="article in articles"@click="getDescribe(article.id)"> methods: ...

2019-06-27 23:19:21 3736

原创 vue严格模式报错问题

vue3.x以后,代码的格式要求更加严格,所以“use strict”的使用就必不可少了。但是经常也会遇到代码格式正确,一保存就会出现报错,在网上找的解决办法,: 在script 添加如下代码即可:/*eslint-disable*/ 注意:/* 不能少 代码如下: <template> </template> <script> /*eslin...

2019-06-26 22:05:10 1420 1

原创 Mint UI的使用

1、安装 npm install mint-ui -S -S表示 --save 2、在main.js中引入mint Ui的css 和 插件 import Mint from 'mint-ui'; Vue.use(Mint); import 'mint-ui/lib/style.css' 3、查看文档,直接复制文档中提供的组件代码到项目中,即...

2019-06-25 21:35:49 219

转载 webpack的使用

安装 Webpack可以使用npm安装,新建一个空的练习文件夹(此处命名为webpack sample project),在终端中转到该文件夹后执行下述指令就可以完成安装。 //全局安装 npm install -g webpack //安装到你的项目目录 npm install --save-dev webpack 正式使用Webpack前的准备 在上述练习文件夹中创建一个packa...

2019-06-20 21:44:25 116

原创 vue路由

1.在 VUE-CLI根目录下的SRC中的main.js中引入了路由器; //main.js import Vue from 'vue' import App from './App' import router from './route.js' //引入路由js文件 import store from './store' //引入你的store下的js文件 new Vue({ ...

2019-06-19 21:31:05 78

原创 vue组件

1.组件化 在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,也会有相同的部分。例如可能会有相同的头部导航、尾部信息模块。 但是如果每个页面都独自开发,这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发。 1.1.定义全局组件 我们可以使用 Vue.component 来定义一个组件: Vue.compon...

2019-06-18 22:21:51 75

原创 vue中实现动画的几种方式

一.使用vue的transition标签结合css样式完成动画 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=...

2019-06-17 22:28:21 2186

原创 vue.js

ViewModel是Vue.js的核心,它是一个Vue实例。Vue实例是作用于某一个HTML元素上的,这个元素可以是HTML的body元素,也可以是指定了id的某个元素。 当创建了ViewModel后,双向绑定是如何达成的呢? 首先,我们将上图中的DOM Listeners和Data Bindings看作两个工具,它们是实现双向绑定的关键。 从View侧看,ViewModel中的DOM Lis...

2019-06-13 21:02:35 99

原创 初识vue

每个 Vue 应用都需要通过实例化 Vue 来实现。 例子如下: import Vue from "vue"; var MainCtrl=new Vue({ ... }); new Vue({})中参数对象属性解析 el el是CSS 选择器,用于查询元素的 如 el:"#main" 或 el:".test" data data用于定义属性,其实就是和html,进行数据绑定的变量 如 ...

2019-06-10 22:51:15 87

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除