当前位置：网站首页>04_理解MVVM

04_理解MVVM

2022-07-17 00:06:00 【id不存在。】

理解MVVM

MVVM模型

1.M：模型（Model）：data中的数据

2.V：视图（view）：模板代码

3.VM：视图模型（viewModel）：vue实例

观察发现：

1.data中所有的属性，最后都出现在vm身上

2.vm身上所有的属性及vuew原型上所有属性，在vue模板中都可以直接使用

<body>
    <div id="root">
        <h1>学校名称：{
  {name}}</h1>
        <h1>学校地址：{
  {address}}</h1>
        <!-- <h1>测试一下1：{
  {1+1}}</h1>
            <h1>测试一下2：{
  {$options}}</h1>
            <h1>测试一下3：{
  {$emit}}</h1>
            <h1>测试一下4：{
  {_c}}</h1> -->
    </div>
</body>
​
<script type="text/javascript">
    Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
​
    const vm = new Vue({
        el: '#root',
        data: {
            name: '尚硅谷',
            address: '北京',
        }
    })
    console.log(vm)
</script>
原网站

版权声明
本文为[id不存在。]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_52759526/article/details/125746322

边栏推荐

猜你喜欢

随机推荐