xiyueta().vue() | xiyueta 属性方法

xiyueta().vue() 属性方法

仿vue.js框架来构建用户界面

xiyueta().vue()属性方法，一种调用方式：
1、xiyueta("p").vue({data: {url:"www.xiyueta.com"}}); // 仿vue.js框架来构建用户界面

总结：xiyueta().vue()用法与vue.js的使用方法一致，现在可处理，v-text、v-html、v-if，更多功能正在测试中

see https://vuejs.bootcss.com/guide/
尝试一下>>

代码
效果

<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>var html='<div>\n\
  <ul>\n\
        <li v-text="author">xiyueta.com<p v-text="url"></p></li>\n\
        <li v-html=" author ">xiyueta.com</li> \n\
        <p v-if="ok"> ok </p>\n\
        <p v-if="no"> no </p>\n\
    </ul>\n\
    </div>'
xiyueta.load(html)
xiyueta("div").vue({data: {
    site: "xiyuetaJS库",
    url: "www.xiyueta.com",
    author: "<font color=red>xiao yun</font>",
    ok: true,
    no: false,
    count:20,
    sites: [
      { name: 'Xiyueta' },
      { name: 'Google' },
      { name: 'Taobao' }
    ],
    message: "xiyueta.com"

  }})

document.write(xiyueta.html())
</script>


<ul>
        <li><font color=red>xiao yun</font></li>
        <li><font color="red">xiao yun</font></li> 
        <p> ok </p>
        
    </ul>