摘要：
使用axios实现前后端交互： 1:安装axios模块，后面加上--save方便移动项目的时候也能使用模块 npm install axios --save 2:html代码定义按钮 <button @click="getData()">axios的post获取数据</button> <button 阅读全文
posted @ 2022-03-16 16:42
yingxianqi
阅读(3240)
评论(0)
推荐(0)
摘要：
1：通过事件获取简单页面元素值和设置页面元素值 html代码: {{ msg }}<br /> <button @click="setmsg()">点击改变msg</button> <button @click="getmsg()">获取msg值</button> <!-- 动态class绑定单个值 阅读全文
posted @ 2022-03-16 09:26
yingxianqi
阅读(171)
评论(0)
推荐(0)
摘要：
js对页面数据进行动态绑定: 1：js动态绑定数据 //html代码渲染: {{ msg }} //js业务逻辑的data里面的代码 export default { name: "App", data(){ return { msg: "000", } } } 2：js动态绑定html代码 <sp 阅读全文
posted @ 2022-03-14 17:22
yingxianqi
阅读(1340)
评论(0)
推荐(0)
摘要：
实现效果: 多个<router-view/>的时候，点击不同的router-link,将内容加载到不同的<router-view/>里面进行渲染 注意: 渲染子路由内容的<router-view/>可以和跳转子路由的router-link的按钮可以不在一个页面上 用重定向跳转嵌套路由得时候，参数不但 阅读全文
posted @ 2022-03-12 09:30
yingxianqi
阅读(1795)
评论(0)
推荐(0)
摘要：
嵌套路由实现效果： 一个<router-view/>渲染的组件内容里面有两个div,点击左边div的链接,右边div加<router-view/>进行子路由对应的组件内容的渲染 注意: 渲染子路由内容的<router-view/>可以和跳转子路由的router-link的按钮可以不在一个页面上 用重 阅读全文
posted @ 2022-03-09 14:54
yingxianqi
阅读(241)
评论(0)
推荐(0)
摘要：
1：router.js的配置和(六)小节的完全一致 2: button按钮跳转 <button @click="gohone('ssww',no)">编程模式js跳转路由</button> <button @click="gohone()">js编程模式调js函数跳转</button> (1):动态 阅读全文
posted @ 2022-03-08 21:22
yingxianqi
阅读(59)
评论(0)
推荐(0)
摘要：
1：动态路由方式传值 (1)router.js里面挂在组件，以/:id/:no作为参数传递 import Details from './components/detail.vue' //引入组件 routes:[ { path: '/Details/:id/:no', component: Det 阅读全文
posted @ 2022-03-08 17:38
yingxianqi
阅读(308)
评论(0)
推荐(0)
摘要：
路由跳转的原理其实就是将组件挂载到对应的路径下面,引用组件的时候就对应了页面的具体路径，而挂载的路径只是客户访问得时候的路径， 当访问到呢个挂载组件的路径时,会找到对应的组件，从而跳转到该组件对应的具体页面的路径 1：安装 vue-router yarn add vue-router (旧版本得) 阅读全文
posted @ 2022-03-03 15:27
yingxianqi
阅读(429)
评论(0)
推荐(0)
摘要：
1：在main.js里面添加自定义的Test.vue页面,Test.vue建在components下面 import { createApp } from 'vue' //import App from './App.vue' import App from './components/Test' 阅读全文
posted @ 2022-03-01 16:21
yingxianqi
阅读(120)
评论(0)
推荐(0)
摘要：
1：首先加载commponents下面得main.js 2：在main.js文件里面导入App.vue,当然也可以导入自己的Vue页面,不导入App.vue，#app1就是public文件下面的index.html里面的<div id="app1"></div> import { createApp 阅读全文
posted @ 2022-03-01 15:11
yingxianqi
阅读(182)
评论(0)
推荐(0)
浙公网安备 33010602011771号