vue中的$符号含义

vue的实例属性和方法

除了数据属性,Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $,以便与用户定义的属性区分开来。例如:

var data = { a: 1 }
var vm = new Vue({
  el: '#example',
  data: data
})

vm.$data === data // => true
vm.$el === document.getElementById('example') // => true

// $watch 是一个实例方法
vm.$watch('a', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})

所以在vue文档的API中还可以看到完整的实例属性和方法。

表示为变量

可以用来表示变量,比如变量 var s='asdsd'或var $s='asdasd';

//该变量和普通变量一样,因为$也可以作为合法的标识符,只是人为加$为了表示特殊含义。

es6中也可以采用${XXX}来在字符串中插入变量(这个记住要利用v-bind)

Jquery中

利用$作为选择器,其实是jquery库对原生JavaScript对选择元素进行的一种封装!

在devtool中

$是在console中是冗长的函数document.querySelector的一个别名

我们可以关注这里来看看具体可以怎么用

Vue,hash和history是两种路由模式。引用\[1\]提到,hash模式下,路由的hash值会出现在URL的#号后面,但不会被包括在HTTP请求,因此改变hash值不会重新加载页面。而history模式使用HTML5的history API,可以通过pushState和replaceState方法修改URL,而不会重新加载页面。引用\[2\]也提到,hash模式是单页面应用的标配。而引用\[3\]解释了hash的含义,它是URL的#符号后面的内容,不会对后端产生影响。 所以,Vue的hash模式和history模式是用来管理路由的两种不同方式。hash模式适用于单页面应用,不会重新加载页面,而history模式可以修改URL而不重新加载页面。具体选择哪种模式取决于项目的需求和后端的支持。 #### 引用[.reference_title] - *1* [vuehash和history区别](https://blog.csdn.net/qq_51441779/article/details/125276706)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vuehash和history的区别](https://blog.csdn.net/weixin_46099005/article/details/118425889)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vue的history和hash](https://blog.csdn.net/qq_41022291/article/details/88684500)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值