![](https://img-blog.csdnimg.cn/0c21d71c145d459cb8c0fddd17ef4c89.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 59
Vue
夢鑰
不积跬步无以至千里,不积小流无以成江海.
展开
-
安卓部分手机使用webview加载链接后白屏(Android低版本会出现的问题)
es6语法运行在低版本的Android手机上会导致手机白屏。原创 2024-03-06 16:08:06 · 2458 阅读 · 0 评论 -
vue~要懂的有关node与npm
作为一名前端使用vue框架开发工程师,如果不了解甚至不清楚node是什么?那你肯定out了。mpm是什么你肯定是知道,是命令下载工具。不单单只是下载工具哦!!!其实很简单,简单了解。httpshttps。...原创 2022-07-28 15:19:53 · 2337 阅读 · 0 评论 -
Vue~组件之间相互传递数据 (父与子、子与父、子与子)
使父组件与子组件进行数据交互经常使用https。原创 2022-07-22 15:02:35 · 998 阅读 · 0 评论 -
Vue~在线预览doc、docx、pdf、img文件
Vue~在线预览doc、docx、pdf、img文件原创 2022-07-05 16:23:13 · 4636 阅读 · 2 评论 -
VUE~富文本简单使用~tinymce
基于Vue CLI 3脚手架搭建的项目整合tinymce 5富文本编辑器,vue cli 2版本及tinymce 4版本参考:https://blog.csdn.net/liub37/article/details/83310879做了些小修改,详情见githubGithub:https://github.com/liub1934/vue-use-tinymce......原创 2022-06-29 11:07:06 · 851 阅读 · 0 评论 -
Vue~添加按钮权限~通过自定义指令
指令钩子函数会被传入以下参数:el:指令所绑定的元素,可以用来直接操作 DOM。binding:一个对象,包含以下 property:name:指令名,不包括 v- 前缀。value:指令的绑定值,例如:v-my-directive="1 + 1" 中,绑定值为 2。oldValue:指令绑定的前一个值,仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。expression:字符串形式的指令表达式。例如 v-my-directive="1 + 1" 中原创 2022-06-28 16:45:16 · 772 阅读 · 0 评论 -
Vue 网络框架 axios 简单使用
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF原创 2022-03-30 20:45:00 · 1129 阅读 · 0 评论 -
路由--导航守卫 (路由过滤器)
正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化,或使用 beforeRouteUpdate 的组件内守卫。原创 2022-03-17 22:45:00 · 161 阅读 · 0 评论 -
Vue 路由升级 - 编程式路由
注意:在 Vue 实例中,你可以通过$router访问路由实例。因此你可以调用this.$router.push。想要导航到不同的 URL,可以使用router.push方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,会回到之前的 URL。当你点击<router-link>时,内部会调用这个方法,所以点击<router-link :to="...">相当于调用router.push(...):声明式 编程式<router-link原创 2022-03-14 14:46:29 · 2183 阅读 · 0 评论 -
Vue 常用的生命周期钩子(8个)
包含vue官网给出的9个钩子,还有router附带的2个生命周期钩子,还有1个就是$nextTick。官网示例:钩子名称 created() beforeCreate() mounted() activated() deactivated() beforeDestroy() destroyed() $nextTick 解释 在实例创建完成后被立即同步调用 在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用...原创 2022-03-14 20:15:00 · 2528 阅读 · 0 评论 -
Vue 路由(vue-router)传值
有时候,通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候。你可以在创建 Router 实例的时候,在 routes 配置中给某个路由设置名称。const router = new VueRouter({ routes: [ { path: '/user/:userId', name: 'user', component: User } ]})原创 2022-03-12 10:45:00 · 772 阅读 · 0 评论 -
Vue 路由(vue-router)简单使用
用 Vue + Vue Router 创建单页应用非常简单:通过 Vue.js,我们已经用组件组成了我们的应用。当加入 Vue Router 时,我们需要做的就是将我们的组件映射到路由上,让 Vue Router 知道在哪里渲染它们 。原创 2022-03-11 22:15:00 · 1807 阅读 · 0 评论 -
Vue 跨域问题 的几种解决办法 (No ‘Access-Control-Allow-Origin‘ header is present on the requested resource)
No 'Access-Control-Allow-Origin' header is present on the requested resource,原创 2022-03-09 22:00:00 · 5232 阅读 · 0 评论 -
vue 中的 mixin 简单总结
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。局部引用(单个组件引用)1、创建 mixin.js 文件export var myMixin = { methods: { hello: function () { console.log('hello from mixin!') }, showMixin: f.原创 2022-03-02 23:45:00 · 435 阅读 · 0 评论 -
vue 中的 props 简单总结
1、传入的只要不是 String 字符串类型,在传值时最好添加 ":" (冒号)2、在同一个组件中 props 和 data 中的 变量名的名称不能重复3、所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行4、HTML 中的 attribute 名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符原创 2022-03-02 22:45:00 · 708 阅读 · 0 评论 -
vue 中的 ref 简单总结
ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:组件元素只能通过 ref 获取的标签方法、变量 里面的所有;普通的元素标签可以使用 ref或者id或者... 获取标签原创 2022-03-03 23:00:00 · 1254 阅读 · 0 评论 -
vue2 配置本地IP地址访问项目
修改前修改后1、在config文件中host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined2、package.json配置文件"dev": "webpack-dev-server --inli.原创 2022-03-02 20:00:00 · 3414 阅读 · 1 评论 -
Vue 基础 之 事件处理
1、事件监听可以用v-on:click 或者 @click指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。示例:<div id="root"> <button v-on:click="greet">Greet</button> <button @click="greet()">Greet</button></div>var vm= new Vue({ el: '#ro...原创 2021-09-24 16:44:07 · 84 阅读 · 0 评论 -
Vue 基础之 数据绑定
1、数据代理定义(1)配置对象data中的数据,会被收集到vm._data中,然后通过Object.defineProperty让vm上拥有data中所有的属性(2)当访问vm的age时,返回的是_data当中同名属性的值(3)当修改vm的age时,修改的是_data当中同名属性的值2、数据代理意义(1)为了更加方便的读取和修改_data中的数据,不进行数据代理就只能通过vm._data.msg访问数据(2)为了更高效的监听数据(直接收集到vm上会导致监视效率降低)3、数原创 2021-09-24 09:14:26 · 129 阅读 · 0 评论 -
VUE 基础 之 数据绑定
1、单项绑定"v-bind:"或者":" 缩写:: 预期:any (with argument) | Object (without argument) 参数:attrOrProp (optional) 修饰符: .prop- 作为一个 DOM property 绑定而不是作为 attribute 绑定。(差别在哪里?) .camel- (2.1.0+) 将 kebab-case attribute 名转换为 camelCase。(从 2.1.0 开...原创 2021-09-23 16:43:18 · 575 阅读 · 0 评论