vue 实例

最新推荐文章于 2024-12-13 16:59:53 发布

原创最新推荐文章于 2024-12-13 16:59:53 发布 · 402 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

14 篇文章

订阅专栏

本文通过一个简单的示例展示了如何使用Vue.js框架来创建一个动态更新内容的应用。介绍了Vue实例的创建过程，包括数据绑定、方法定义及生命周期钩子的使用。此外，还涉及了如何通过调用方法来改变数据并触发视图更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://118.89.113.211/hcsy/jquery.min.js"></script>
<script type="text/javascript" src="http://118.89.113.211/WXstyle/js/vue.js"></script>
</head>
<body>

<div id="App">{{msg}}</div>
<script type="text/javascript">
var Vm=new Vue({
el:"#App",
data:{
msg:"hello word"
},
mounted:function(){
console.log(this.msg);
},
methods:{
add:function(){
this.msg="改变";
console.log(this.msg);
}
}
});

//使用实例
Vm.add();
</script>
</body>

</html>

this.$store.dispatch('update_userinfo', {
userinfo: data.userinfo
}).then(() => {
this.login_actions.disabled =false;
if (data.userinfo.default_web_routers){
                                this.$router.push(data.userinfo.default_web_routers);
                            }else{
                                this.$router.push('/function/open/echarts');
                            }
});