随笔分类 - Vue
摘要:1.先新建一个nfc.js文件。 let Context = plus.android.importClass("android.content.Context"); let NfcManager = plus.android.importClass("android.nfc.NfcManager"
阅读全文
摘要:如果直接引用最新的版本会出现错误: Couldn't parse bundle asset "D:\****\element-ui\dist\js\chunk-vendors.js".Analyzer will use module sizes from stats file. 不要安装最新版。要回
阅读全文
摘要:通过图像化创建项目。 1.打开CMD命令窗口 输入:vue ui 如果没有反应:则可能脚手架没有安装好。需要重新安装一下脚手架。 输入:npm uninstall -g vue-cli 如果不行就用这个:npm install -g @vue/cli 这个时间一般是可以了。 然后再输入vue ui
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue路由机制--js跳转页面</title> </head> <body> <div id="app"> <router-link :to="{name:'user',param
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue路由机制--命名路由</title> </head> <body> <div id="app"> <router-link :to="{name:'user',params:
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue路由机制--路由传参</title> </head> <body> <div id="app"> <!-- 场景: 如:商品详情。文章详情。 <router-link to=
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue路由机制--嵌套路由</title> </head> <body> <div id="app"> <!-- 官网: https://router.vuejs.org/zh/
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue路由机制--Router基础</title> </head> <body> <div id="app"> <!-- 官网: https://router.vuejs.org/
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue路由机制--简单基础路由</title> </head> <body> <div id="app"> <!-- 基本原理 --> <!-- 后端理由 概念:根据不同的用户UR
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue交互-axios用法</title> </head> <body> <div id="app"> <!-- 官网:https://github.com/axios/axios
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue组件化开发之数据传递</title> </head> <body> <div id="app"> <!-- 父组件给子组件传值 --> <!-- 静态传递 --> <menu
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue组件化开发</title> </head> <body> <div id="app"> <!-- 组件使用 --> <button-counter2></button-cou
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue生命周期</title> </head> <body> <div id="app"> <input type="text" v-model="msg" /> <div>{{m
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue过滤器</title> </head> <body> <div id="app"> <input type="text" v-model="msg" /> //过滤器的赋值是
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue侦听器</title> </head> <body> <div id="app"> <!-- 案例1 --> <div id="watch-example"> <p> Ask
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue自定义指令</title> <style> .red { color: red; } .size { font-size: larger; } [v-cloak] { dis
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue表单操作</title> <style> .red{ color: red; } .size{ font-size: larger; } [v-cloak] { displa
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue指令学习</title> <style> .red{ color: red; } .size{ font-size: larger; } [v-cloak] { displa
阅读全文