![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
想当程序员$
这个作者很懒,什么都没留下…
展开
-
Vue:重定向(可以带参数)
在index.jsimport Vue from 'vue'import Router from 'vue-router'import HelloWorld from "../components/HelloWorld";import Hi1 from "../components/Hi1";import Hi2 from "../components/Hi2";import para...原创 2020-04-21 11:30:58 · 3285 阅读 · 0 评论 -
Vue:通过url传递参数
通过地址栏传递参数,首先在index.js中创建好url模板import Vue from 'vue'import Router from 'vue-router'import HelloWorld from "../components/HelloWorld";import Hi1 from "../components/Hi1";import Hi2 from "../compone...原创 2020-04-21 10:58:05 · 4408 阅读 · 0 评论 -
Vue-router:配置子路由,并通过router-link to属性传递参数
在app.vue中添加两个 并将to属性改为:to<template> <div id="app"> <img src="./assets/logo.png"> <router-link to="/">首页</router-link> |//router-link相当于a标签 to相当于src <ro...原创 2020-04-21 09:36:31 · 3184 阅读 · 0 评论 -
小练习:混入mixins
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...原创 2020-04-17 16:36:37 · 107 阅读 · 0 评论 -
小练习:watch监控数据
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2020-04-17 15:47:15 · 97 阅读 · 0 评论 -
小练习:组件的使用(颠倒排序)
HelloWord Hello Word {{item.title}}--{{item.data}} <script type="text/javascript"> var newsList=[ {title:'你好',data:'2014/6/22'}, {title:'aa',data:'2...原创 2020-04-17 11:13:54 · 102 阅读 · 0 评论 -
小练习:vue拼接数据模板
HelloWord Hello Word {{message}} <script type="text/javascript"> var app = new Vue({ el:'#app', data:{ price:200 }, computed:{ message:function(){ ...原创 2020-04-17 10:18:30 · 505 阅读 · 0 评论 -
小练习:组件的使用3(组件之间切换的练习)
comp comp原创 2020-04-16 16:05:24 · 153 阅读 · 0 评论 -
小练习:组件的使用2(父组件中写子组件)
component component <script type="text/javascript"> // 父组件中写子组件 var city={//子组件 template:`<div style="color:green;">王</div>` } var kevin={...原创 2020-04-16 14:27:51 · 189 阅读 · 0 评论 -
小练习:组件的使用1(自定义属性)
temp temp <script type="text/javascript"> var app = new Vue({ el:'#app', components:{//自定义组件在components中表示 "kevin":{//自定义组件的名称 template:'&l...原创 2020-04-16 09:18:27 · 126 阅读 · 0 评论